import { Layout, Menu } from "antd";
import "./index.less";

const Header = () => {
  const { Header } = Layout;
  return (
    <Header className="header">
      <div className="logo" />
      {/* <Avatar style={{ backgroundColor: "#87d068" }} icon={<UserOutlined />} /> */}
      <Menu theme="dark" mode="horizontal" defaultSelectedKeys={["2"]}>
        <Menu.Item key="1">sdut-okr</Menu.Item>
        <Menu.Item key="2">公告</Menu.Item>
        <Menu.Item key="4">个人周报</Menu.Item>
        <Menu.Item key="5">团队周报</Menu.Item>
        <Menu.Item key="6"></Menu.Item>
      </Menu>
    </Header>
  );
};

export default Header;

// https://stackoverflow.com/questions/53328408/receiving-attempted-import-error-in-react-app
// const app = () => {
//   return <div></div>;
// };

// export default app;
// should use
// import Header from "../Header";

// export const app = () => {
//   return <div></div>;
// };

// should use
// import {Header} from "../Header";
